﻿<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
	String path=request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="广东技术师范学院影视天地"/>
<meta name="description" content="每个广师人一同分享的一片娱乐空间。"/>
<title>详细点播页面</title>
<link rel="stylesheet" href="<%=path%>/css/common.css" />
<script type="text/javascript" src="<%=path%>/js/common.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.js"></script>
<script type="text/javascript" src="<%=path%>/js/dingcai.js"></script>
<script language ="javascript" src ="<%=path%>/jslib/truevod.js"></script>
<style>
<!--
/*页面布局*/
#container {
	position:relative;
	margin:0px auto;
	padding:0px;
	width:900px;
	text-align:left;
	background:#FFFFFF;
}
#header {
	width:900px;
	height:259px;
	margin:0 auto;
	background: url(<%=path%>/images/header.jpg) no-repeat center top;
}
#links {
	width:900px;
	height:46px;
	background:url(<%=path%>/images/linksbg.gif) repeat-x center;
	font-size:20px;
	color:#000033;
	margin-top:-5px;
}
#links ul{
	list-style-type:none;
	padding:0px; margin:0px;
	width:800px;
}
#links ul li{
	text-align:center;
	width:80px;
	display:block;
	float:left;
	margin-top:10px;
}
#content {
	float:left;
	width:900px;
	font-size:12px;
	padding:5px 0px 30px 0px;
	margin:0px;
	background:#FFFFFF;
}
#content p, #content h4{
	padding-left:20px;
	padding-right:15px;
}
#footer{ position:relative; float:left; margin:0 auto; width:900px; height:50px; line-height:21px; 

padding:0 0 5px; color:#000; background:url(<%=path%>/images/footerbg.gif) repeat-x; border-top:2px solid #FFFFFF;}
#footer p { font-size:12px; color:#000033;}
#footer a,.footer a:visited {color:#1E50A2;}
#footer img{margin:4px 0 0;} 
/*布局完*/
/*探索框*/
.searchbox {
	width:320px;
	height:25px;
	position:relative;
	left:560px;
	top:220px;
	float:left;
}
.searchtxt {
	width:250px;
	height:25px;
	background:url(<%=path%>/images/srhtxtbg.jpg) no-repeat center;
	position:relative;
	float:left;
}
.searchbtn {
	width:60px;
	height:25px;
	background:url(<%=path%>/images/srhbtnbg.jpg) no-repeat center;
	position:relative;
	float:left;
}
input {
	font:15px Arial "宋体";
	vertical-align:middle;
}
input.insrhtxt {
	background-color:transparent;		/* 背景色透明 */
	width:225px;
	height:25px;
	border:none;
	position:relative;
	left:15px;
	top:4px;
}
input.insrhbtn {
	background-color:transparent;
	width:60px;
	height:25px;
	border:none;
}
.nContent{border:none; width:900px; overflow:hidden; position:relative;}
.info{margin-top:-8px; padding:25px 15px; width:900px; height:240px; line-height:25px; font-size:16px; background:url(<%=path%>/images/detail_bg.jpg) repeat-x; position:relative; overflow:hidden;}
.info p{font:"黑体", "宋体"; color:#000033; font-size:20px; line-height:25pt; margin-top:5px; }
.info span{
	position:absolute;
	top:25px;
	bottom:30px;
	right:100px;
	overflow:hidden;
}
.info .btn1{position:absolute; top:160px; left:25px; margin:5px; padding:5px;}
.info .btn2{position:absolute; top:160px; left:120px; margin:5px; padding:5px;}
.info .btn1 .dingbtn{width:35px; height:30px; background:url(<%=path%>/images/ding.jpg) no-repeat center; margin:-2px 5px;}
.info .btn2 .caibtn{width:35px; height:30px; background:url(<%=path%>/images/cai.jpg) no-repeat center; margin:-2px 5px;}
.info img{width:178px; height:240px;}

.contUlA{padding:0px 18px;}
.contUlA li{padding:10px 0 0 0; position:relative; clear:both;}
.contUlA li span .playbtn1{background:#006600; color:#FFFFFF; border:#FF9900 2px solid; width:100px; height:25px; position:absolute; top:0px; left:625px;}
.contUlA li span .playbtn2{background:#006600; color:#FFFFFF; border:#FF9900 2px solid; width:100px; height:25px; position:absolute; top:0px; left:740px;}
.contUl{padding:0px 10px;}
.bor03{height:auto;}
.scrollUl{width:100%;padding:0px 5px; border-bottom:1px solid #CCC;overflow:hidden;height:32px;}
.scrollUl li{float:left; text-align:center; width:90px; height:32px; float:left; margin-right:1px;}
.sd01{background:url(<%=path%>/images/tab1_bg0.GIF) no-repeat top; border:none; padding-top:6px; margin:0px 0px;}
.sd02{background:url(<%=path%>/images/tab_bg1.jpg) no-repeat top; border:none; padding-top:6px; margin:0px 0px;}
-->
</style>

<script language="javascript">
		window.onload = function(){
			var SDmodel = new scrollDoor();
			SDmodel.sd(["m_0_0","m_0_1"],["c_0_0","c_0_1"],"sd01","sd02");
			}
</script>
</head>


<body>
<div id="container">
	<jsp:include page="header.jsp"></jsp:include>

	
	<div id="content">
	  <div class="nContent">
	    <div class="info">
          <p>电影名字：${album.albumname}</p>
	      <p>专辑发布：${album.publishtime}</p>
	      <p>
	      	给我点评价吧：
          	<input type="button"  id="ding" onclick="ding(${album.albumid},${album.support})" value="不错，推荐大家看(${album.support})"/>
          	<input type="button"  id="cai" onclick="cai(${album.albumid},${album.oppose})" value="没什么好看的(${album.oppose})"/>
          </p>
	      <span><img src="${album.picturepath}" /></span>
	     </div>
	     
	    <div class="preview">
			<div class="scrolldoorFrame">
				<ul class="scrollUl">
					<li class="sd01" id="m_0_0">视频列表</li>
					<li class="sd02" id="m_0_1">剧情介绍</li>
				</ul>
				<div class="bor03 cont">
					<div id="c_0_0">
						<p>视频列表</p>
						<form>
							<ul class="contUlA">
								<s:iterator value="album.videos" id="video">
									<li>
										<a title="点击播放" href="#" onclick="javascript:TruevodPlayExID('${ip}:1680','${video.videopath}','${video.title}');return false;"/>${video.title}</a>
										<span>${video.publishtime}</span>
										<!--<span><input type="button" class="playbtn1" alt="点击播放" value="点击播放" 
										/>
										 </span>
										-->
										<span><input type="button" class="playbtn2" alt="点击播放" value="点击播放" 
										 onclick="javascript:TruevodPlayExID('${ip}:1680','${video.videopath}','${video.title}');return false;"/>
										</span>
										
									</li>
								</s:iterator>
							</ul>
						</form>
					</div>
					<div id="c_0_1" class="hidden">
						<p>剧情介绍</p>
						<p>${album.description}</p>
					</div>				
				</div>
			</div>
		</div>
	  </div>
	
	
  </div>
	
	<div id="footer">
	  <p align="center">| 会员注册 | 关于我们 | 网络中心介绍 | 联络方法 | 给我留言 |</p>
	  <p align="center">版权所有 广东技术师范学院网络中心 (C) 2010 all right.</p>
	</div>
	
</div>
</body>
</html>
